<template>
  <div class="container">
    <div class="banner">
      <img
        src="http://www.juyike.cn/Public/Home/images/img_con/rcjz.jpg"
        alt="人才机制"
      />
      <h2>人才机制</h2>
    </div>
    <div class="doc">
      <p class="state">
        聚益科的核心价值观是：“厚德、诚信、进取、共享”，在价值观的基础上我们通过人才引进、人才发展、人才激励、帮助每一位追求卓越的员工与公司共同成长，实现公司愿景及使命。
      </p>
      <h3>人才引进</h3>
      <ul>
        <li>
          <div class="fl">
            <em>“厚德”</em>
            是聚益科人的基本品质和道德素养，我们注重选拔能担当、敢挑战、有情怀的人。既推动企业快速健康发展，又回归“为客户、为员工、为股东、为社会创造价值”的使命与初心。
          </div>
          <div class="fr">
            <img
              src="http://www.juyike.cn/Public/Home/images/img_con/rcjz002.jpg"
              alt=""
            />
          </div>
        </li>
      </ul>
      <h3>人才发展</h3>
      <ul>
        <li>
          聚益科将人才视为公司重要财富，高度重视对人的培养。通过帮助员工提升工作绩效和个人能力，推动员工与公司的共同成长。
        </li>
        <li>
          <div class="fl">
            <span class="actit">新员工培训</span><br />
            每位进入公司的新员工，都有机会参加入职集训，一系列精心呈现的课程将帮助到新同事迅速了解公司的发展历程和文化，获得工作必须的知识，并建立在公司的第一笔人脉资源。
          </div>
          <div class="fr">
            <img
              src="http://www.juyike.cn/Public/Home/images/img_con/rzpx001.jpg"
              alt=""
            />
          </div>
        </li>
      </ul>
      <h3>人才激励</h3>
      <div class="excitation">
        <p class="tit">
          通过建立以能力和业绩为导向的的薪酬体系和晋升机制，为追求卓越的员工创造良好的事业平台，实现员工与公司的共同成长。
        </p>
        <ol>
          <li>
            <h2>薪酬激励</h2>
            <p>
              集团致力于用有竞争力的薪酬体系和开放性的事业平台吸引人才，用价值导向的绩效体系用好人才，用最佳业务实践体系培育人才，用“共建共担共享”的分配体制留住人才。
            </p>
          </li>
          <li>
            <h2>利益共享</h2>
            <p>
              “共享”是聚益科价值观的核心。聚益科将通过激励机制，与符合公司条件的员工共享利益成果。
            </p>
          </li>
          <li>
            <h2>福利保障</h2>
            <p><br />五险一金<br />带薪假期</p>
          </li>
        </ol>
      </div>
    </div>
  </div>
</template>
<script>
import { Personnel_list } from '@/api/index.js';
export default {
  data() {
    return {
      enterpricedata:[],
    };
  },
  created() {
    this.getData();
    
  },
  methods: {
     
    // 获取数据
    getData() {
      const data={id:'148320210519170524'}
      
      Personnel_list(data).then(res=> {
            console.log(res.data,'人才机制');
          this.enterpricedata = res.data
      })
      .catch(error=>{
          console.log(error)
      });
    },
  },
};
</script>
<style lang="less" scoped>
.container {
  width: 78.5%;
  left: 12.5%;
  position: absolute;
  top: 0;
  min-width: 1050px;
  max-width: 1200px;
  box-shadow: 5px 0 5px #f0f0f0;
  font-family: "微软雅黑";
  .banner {
    width: 100%;
    position: relative;
    img {
      width: 100%;
    }
    h2 {
      font-weight: 500;
      color: #fff;
      opacity: 0.7;
      font-size: 42px;
      line-height: 42px;
      position: absolute;
      left: 25px;
      top: 40%;
    }
  }
  .doc {
    padding: 0 0 50px 30px;
    .state {
      padding: 45px 0 20px;
      width: 80%;
      margin: 0 auto;
      font-size: 16px;
      text-indent: 30px;
      color: #666;
    }
    h3 {
      border-left: 4px solid #ee020d;
      height: 26px;
      line-height: 26px;
      padding-left: 10px;
      font-size: 22px;
      margin: 40px 0;
      font-weight: normal;
      margin-bottom: 0;
    }
    ul {
      width: 90%;
      margin-left: 1%;
      font-size: 16px;
      min-width: 900px;
      max-width: 1200px;
      li {
        padding: 30px 0;
        border-bottom: 1px solid #e5e5e5;
        list-style: none;
        display: inline-block;
        width: 100%;
        .fl {
          width: 58%;
          float: left;
          margin-top: 3%;
          text-indent: 33px;
          em {
            font-size: 18px;
            color: #9f7c46;
            font-weight: bold;
            font-style: normal;
          }
          .actit {
            color: #a90621;
            font-weight: bold;
            text-indent: 0;
            margin-left: -33px;
          }
        }
        .fr {
          float: right;
          width: 40%;
          text-align: right;
          img {
            max-width: 375px;
            width: 100%;
          }
        }
      }
      li:last-child {
        border-bottom: none;
      }
    }
    .excitation {
      .tit {
        font-size: 16px;
        margin: 20px 0 0 15px;
      }
      ol {
        width: 90%;
        height: 300px;
        list-style: none;
        li {
          width: 31%;
          margin-left: 2%;
          float: left;
          position: relative;
          border: none;
          h2 {
            height: 50px;
            border-radius: 10px;
            text-align: center;
            line-height: 50px;
            color: #fff;
            font-size: 20px;
            background: #a90621;
            margin: 30px 0;
          }
          p {
            text-indent: 25px;
            border-right: 1px solid #e5e5e5;
            padding: 0 10px;
            height: 200px;
            font-size: 16px;
            color: #666;
            line-height: 27px;
            position: absolute;
            width: 97%;
          }
        }
        li:nth-of-type(3) p {
          border: none;
          text-align: center;
          margin-top: -27px;
        }
      }
    }
  }
}
</style>
